<template>

  <div id="app">
    <TopBar></TopBar>
    <router-view></router-view>
    <BottomBar></BottomBar>
  </div>
</template>

<script setup>
import TopBar from './components/topBar.vue'
import BottomBar from './components/bottomBar.vue'
import {provide, ref} from "vue";

    const isSignIn = ref('false');
    const isSearch= ref('false');
    // var ws;


    // 在父组件中提供数据
    provide('isSignIn', isSignIn);
    provide('isSearch',isSearch);
    // provide('webSocket',ws);




</script>

<style>
#app {
  height: 100vh;
}
</style>
